 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>微信，是一个生活方式</title>
     <style>
         *{
             padding: 0px;
             margin:0px;
             list-style: none;
         }
         .header{
            height: 497px;
            background:url('images/background.jpg') repeat-x;
           
         }
         .header .above{
            height: 74px;
            width:968px;
            margin-left:auto;
            margin-right:auto;
         }
         .above img{
            height: 43px;
            margin-top: 17px;
            float:left;
         } 
         .above li{
             float:right;
             margin-top:15px;
             margin-left:4px;
             padding:10px;
            
         }
         .above a{
             color:white;
             font-size:15px;
             text-decoration: none;
         }
         .above li:hover{
             background:red;
             border-radius: 20px;
            
         }
         
         .header .below{
             height: 423px; 
             margin-left:auto;
             margin-right:auto;
             width:968px;
             margin-top:20px;
         }
         .left h2{
            margin-bottom: 20px;
         }
         .left li{
             margin-bottom: 10px;
         }
         .left img{
             margin-bottom:15px;
             margin-top:15px;
         }
         .left a{
             color:green;
             text-decoration: none;
         }
         .left a:hover{
             color:purple;
         }
         .below .left{
             float:left;
         }
         .below .right{
             float:right;
         }
         .right .xia{
             text-align: center;
             font-size:13px;
         }
         .right a{
             margin-right:40px;  
             color:green;
         }
         .right a:hover{
             color:purple;
         }
         .nav{
            height: 378px;
            margin-left: auto;
            margin-right:auto;
            width:986px;
  
         }
         .nav .left{
            float:left;
            width: 633px;
         }
         .nav .left li{
            float:left;
            margin-right:59px;
         }
         .nav .left h2{
             font-size: 16px;
             margin-bottom:10px;
         }
         .nav .left li p{
             margin-bottom:10px;
             font-size:15px;
             color:gray;
         }
         .nav .right{
            float:right;
            width: 331px;
         }
         .nav .right a{
             font-size:13px;
             margin-right:0px;
            text-decoration: none;
         }
         .nav .right span{
             color:red;
            
         }
         .nav .right u{
          float:right;
         }
         .nav .right li{
             margin-bottom:10px;
         }
         .nav .right h2{
             font-size:20px;
             margin-bottom:20px;
             margin-top:10px;
         }
         .nav .right img{
             margin-top:10px;
            
         }
         .nav .right a b{
             color:black;
         }
         .footer{
             height: 50px;
             margin-top:50px;
             width:968px;
             margin-left: auto;
             margin-right:auto;
         }
         
         .footer .left span{
             font-size:15px;
             color:gray;
         }
         .footer .left h2{
             font-size:15px;
             color:gray;
         }
         .footer .right{
             float:right;
         }
         .footer .right span{
             margin-top:0px;
         }
        </style>
        </head>
        <body>
            <div class="header">
                    <div class="above">
                     <h1><a href=""><img src="images/logo.png" alt=""></a></h1>
                     <ul>
                     <li><a href="">微信网页版</a></li>
                     <li><a href="">表情开放平台</a></li>
                     <li><a href="">企业微信</a></li>
                     <li><a href="">微信广告</a></li>
                     <li><a href="">微信支付</a></li>
                     <li><a href="">开放平台</a></li>
                     <li><a href="">公众平台</a></li>
                     <li><a href="">帮助与反馈</a></li>
                     <li><a href="">首页</a></li>
                    </ul>
                    </div>
                    <div class="below">
                        <div class="left">
                                <h2>微信，是一个生活方式</h2>
                                <ul><li>超过十亿人使用的手机应用</li><li>支持发送语音短信、视频、图片和文字</li><li>可以群聊，仅耗少量流量，适合大部分智能手机</li></ul>
                                <a href=""><img src="images/Donwland.png" alt=""></a>
                                <ul><li><a href="">忘记了微信帐号或密码？</a></li><li><a href="">自助解除登录或功能限制</a></li><li><a href="">冻结或解冻微信帐号</a></li></ul>
                         </div>
                        <div class="right"><img src="images/piture.png" alt=""><div class="xia"><li>微信 for iOS / Android</li><h3><a href="">iOS 8.0.7</a><a href="">Android 8.0.6</a></h3></div></div>
                    </div>
                    </div>
            <div class="nav">
                <div class="left">
                    <img src="images/window.png" alt="">
                    <ul>
                    <li><h2>微信网页版</h2><p>扫一扫二维码</p><p>就能在浏览器上使用微信</p><a href="">了解更多</a></li>
                    <li><h2>微信 Mac 版</h2><p>极致简洁，迅捷沟通</p><a href="">了解更多</a></li>
                    <li><h2>微信 Windows 版</h2><p>让沟通更方便</p><a href="">了解更多</a></li></ul>
                </div>
                <div class="right"><h2>最新消息</h2><ul>
                <li><a href="">微信 8.0.7 for iOS 正式版发布</a><span>(New)</span><u>06-06</u></li>
                <li><a href="">微信 8.0.6 for Android 正式版发布</a><span>(New)</span><u>05-27</u></li>
                <li><a href="">微信 8.0.6 for Android 正式版发布</a><span>(New)</span><u>03-29</u></li>
                <li><a href="">微信 3.2.1 for Windows 正式版发布</a><span>(New)</span><u>03-22</u></li>
                <li><a href="">关于部分 iOS 9 用户无法更新微信</a><span>(New)</span><u>01-28</u></li>
                <li><a href="">微信外部链接内容管理规范</a><span>(New)</span><u>02-11</u></li>
                <li><a href="">微信网页版 2.1 版本发布</a><span>(New)</span><u>01-17</u></li>
                <li><a href="">微信表情开放平台上线</a><span>(New)</span><u>07-29</u></li>
                <li><a href="">官方辟谣公众号开通</a><span>(New)</span><u>10-28</u></li>
                </ul>
                <img src="images/smalllogo.png" alt=""><b><a href=""><b>联系我们</b></a></b>
            </div>
            </div>
            <div class="footer">
                <div class="left"><span>关于腾讯 |</span> 服务条款 |<span>使用规范 |</span><span>客服中心 |</span><span> 隐私保护指引</span><span>隐私保护指引</span><h2>© 1998 - 2021 Tencent Inc. All Rights Reserved</h2></div>
                <div class="right"><span>简体中文 |</span><span> 繁體中文 |</span><span>English</span></div>
            </div>
        </body>
        </html>